<template>
  <div>

    <el-form :model="tableData" ref="ruleForm" label-width="100px" class="demo-ruleForm">
      <el-card class="box-card">
        <span>保证金信息</span>
        <div class="text item">
          <el-form-item label="保证金金额(元)" prop="name">
            <el-input :value="tableData.deposit| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.deposit|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="保证金添加时间" prop="name">
            <el-input :value="getDate(tableData.depositTime)" disabled></el-input>
          </el-form-item>
          <el-form-item label="保证金凭证">
            <qiniu :qiniuImage="tableData.voucherPics" :id="tableData.voucherPics.id" :canDelete="false"></qiniu>
          </el-form-item>
          <br>
          <br>
          <br>
          <el-form-item label="保证金审核备注" prop="name">
            <el-input v-model="tableData.reviewRemark" disabled></el-input>
          </el-form-item>
          <el-form-item label="保证金审核人" prop="name">
            <el-input v-model="tableData.auditPerson" disabled></el-input>
          </el-form-item>
          <el-form-item label="保证金审核时间" prop="name">
            <el-input :value="getDate(tableData.auditTime)" disabled></el-input>
          </el-form-item>



        </div>
      </el-card>
      <el-card class="box-card">
        <span>付款信息</span>
        <div class="text item">
          <el-form-item label="融资总金额(元)" prop="name">
            <el-input :value="tableData.mortgageSumMoney| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.mortgageSumMoney|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已付款总金额(元)" prop="name">
            <el-input :value="tableData.sumPayMoney| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.sumPayMoney|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="最后付款时间" prop="name">
            <el-input :value="getDate(tableData.lastPayDate) "  disabled></el-input>
          </el-form-item>
        </div>
      </el-card>
      <el-card class="box-card">
        <span>回款信息</span>
        <div class="text item">
          <el-form-item label="待回款总金额(元)" prop="name">
            <el-input :value="tableData.returnMoney| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.returnMoney|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已回款总金额(元)" prop="name">
            <el-input :value="tableData.reimbursementMoney| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.reimbursementMoney|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已回本金(元)" prop="name">
            <el-input :value="tableData.sumCapital| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.sumCapital|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已回利息(元)" prop="name">
            <el-input :value="tableData.sumInterest| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.sumInterest|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已回逾期费(元)" prop="name">
            <el-input :value="tableData.sumExceed| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.sumExceed|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="已回延期费(元)" prop="name">
            <el-input :value="tableData.sumDelayMoney| toFixed2" disabled></el-input>
             <span class="convertCurrency">{{tableData.sumDelayMoney|convertCurrency}}</span>
          </el-form-item>
          <el-form-item label="最后回款时间" prop="name">
            <el-input :value="getDate(tableData.lastRepaymentDate)" disabled></el-input>
          </el-form-item>

          <el-form-item label="回款状态" prop="name">
            <el-radio v-model="tableData.status" :label="10110" disabled>是否已结清</el-radio>
          </el-form-item>
          <el-form-item label="第一期服务费结清状态" prop="name">
            <el-radio v-model="tableData.isSettle" :label="true" disabled>是否已结清</el-radio>
          </el-form-item>
        </div>
      </el-card>

    </el-form>
  </div>
</template>


<script>
  import qiniu from '@/views/qiniu/upload';
  import {timestampToTime} from '@/utils/index.js';
  export default {
    data() {
      return {
        fromData: [],
        radio: '1',
        qiniuImage: {
          id: "qiniuImage", //图片预览的id   
          image_uri: [
            'http://h.hiphotos.baidu.com/image/h%3D300/sign=6ee370b8861363270aedc433a18fa056/11385343fbf2b211ec2f692ac68065380cd78e55.jpg'
          ], //图片上传的列表  只含有url地址
        },
      }
    },
    components: {
      qiniu
    },
    props:{
      tableData:{
        type:Object
      }
    },
    methods:{
      getDate(time){
        return timestampToTime(time)
      }
    }
  }

</script>

